@charset "utf-8";
/* CSS Document */
.login{
    background: #152545 url(images/loginbg.jpg) no-repeat scroll 0 0; 
	background-size: cover;
	height: 100VH;  
	position: relative;

}
.login:before {
  background: rgba(21, 37, 69, 0.4) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.login a{
	color:#fff;
}
.logintitle{
	/* position: relative;
	display: flex;  
	justify-content: center;
	font-size: 40px; color: #ffffff;
	font-family:"宋体";
	position: absolute;
    
	top: calc(10% );
	left: calc(50% - 250px); */

	background: rgba(11,161,248,0.18);
	box-shadow: 0 0 8px rgba(0,156,194,0.62);
	border:1px solid #06456a;
	position: absolute;
	top: calc(10% - 240px);
	left: calc(50% - 250px);

	color:#fff;

}
.loginContent{
	background: rgba(11,161,248,0.18);
	box-shadow: 0 0 8px rgba(0,156,194,0.62);
	border:1px solid #06456a;
	height:380px;
	width: 500px;
	position: absolute;
	top: calc(50% - 240px);
	left: calc(50% - 250px);
	border-radius: 12px;
	color:#fff;
}

.loginContent .nav-pills > li > a {
	border-radius: 0;
	font-size:14px;
	color:#94afc3;
	border-bottom: 2px solid rgba(255,255,255,0.4);
	padding: 15px 0!important;
}
.loginContent .nav-pills > li > a:hover{
	background: none;
	color:#fff;
}
.loginContent .nav-pills > li.active > a,
.loginContent .nav-pills > li.active > a:hover,
.loginContent .nav-pills > li.active > a:focus {
	color: #fff;
	background: none;
	border-bottom: 2px solid rgba(255,255,255,1.0);
}
.logoSingle{
	margin:10px auto;
	width: 200px;
}
.logoSingle img{
	width: 100%;
}
.tabsBox{
	width: 74%;
	margin: auto;
}
.formWrap{
	margin:0 0 25px;
}
.formWrap .form-group{
	margin-top: 25px;
	position: relative;
}
.formWrap .form-group .icon{
	width: 24px;
	height: 24px;
	position: absolute;
	top:10px;
	left:3px;
}
.formWrap .form-group .icon img{
	width: 100%;
	height: 100%;
	opacity: 0.5;
}
.formWrap .form-control{
	border:1px solid #01213f;
	background: rgba(0,0,0,0.4);
	font-size: 14px;
	padding-left: 30px;
	color:#fff;
}
.code{
	background: rgba(255,255,255,0.3);
	color: #ffffff;
	padding: 20px;
	width: 180px;
	height: 180px;
	margin: 25px auto 15px;
}
.code img{
	width: 100%;
	height: 100%;
}
.btn-block{
	background: rgba(0,73,106,0.7);
	border:1px solid #07659c;
	color:#fff;
}
.btn-block:hover{
	color:#eee;
}